Pour rendre une application vivante, rien de tel qu'un peu d'animation...

Contexte technique

Ce tutorial part du principe que la notion MVVM avec MAUI est maîtrisée.

Voici ce qu'on peut faire

• Rotation
• Translation
• Changement de taille
• Fondu

Voici ce qu'on va faire

Exceptionnellement, il y aura un peu de code dans la partie XAML.CS car l'animation se passe uniquement au niveau de l'UI.

XAML

Hormis le lien avec le ViewModel, voici la partie XAML de la vue:

XAML.CS

Pour la partie XAML.CS, on procède ainsi

1. Récupérer une référence vers le ViewModel
2. Enregistrer l'animation à faire pour la rotation (via une méthode standard)
3. Enregistrer l'animation à faire pour le déplacement (via un lambda)

En lien avec les bindings de la vue, il faut définir:

Les propriétés

La méthode pour réagir au switch

L'action et la méthode pour la rotation

L'action et la méthode pour le déplacement

Suite à cet exercice, les compétences suivantes ont été travaillées:

• Animer un élément graphique avec une rotation / translation
• Respecter MVVM avec une vue animée
• Utiliser le type "Action" pour stocker un pointeur vers une fonction
• Enregistrer et invoquer une Action